#orderDetailPage {
    height: 100vh;
    background: $white;
    min-height: 100vh;   
    .header {
        -moz-box-shadow: 0 2px 20px $shadow;
        /* 老的 Firefox */
        box-shadow: 0 2px 20px $shadow;
        padding: 0 4%;
        @include fj();
        align-items: center;
        height: 0.74rem;
        .statusPanle {
            margin-top: 10px;
            display: flex;
            .status {
                color: $red;
                font-size: 18px;
            }
            .status_btn {
                margin-left: 10px;
                height: 25px;
                width: 75px;
                border-radius: 30px;
                color: $blue;
                border: 1px solid $blue;
            }
            .cancel_btn{
                color:$gray;
                border: 1px solid $gray;
            }
        }
        .tip {
            padding-top: 4px;
            .iconfont {
                color: $blue;
                margin-right: 5px;
                font-size: 14px;
            }
        }
        .money {
            color: $red;
            .currencyType {
                font-size: 10px;
            }
            .count {
                font-size: 16px;
                font-weight: 600;
            }
            .iconfont {
                color: $gray;
                font-size: 14px;
                
            }
        }
    }
    .flight {
        padding: 0 4%;
        .main {
            @include fj();
            align-items: center;
            padding-top:10px;
            .city {
                >span {
                    font-size: 16px;
                    font-weight: 900;
                }
                .iconfont {
                    padding: 0 10px;
                    color: $blue;
                }
            }
            .handle {
                color: $blue;
            }
        }
        .detail {
            @include border_1px_b($shadow);  
            padding-top: 10px;
            .point{
                position: absolute;                   
                color:$gray;
            }
            .top{
                left:54px;
                top:6px
            }
            .bottom{
                bottom:-4px;
                left:54px;
            }         
            .item {
                @include fj();
                
                .when{
                    width:50px;
                    .date{
                        font-size: 14px;
                        font-weight: 600;
                    }
                }
                .airport{
                    flex-grow: 1;
                    padding-left:20px;
                    margin-left:10px;
                    border-left: 1px solid #e1e1e1;
                    .city{
                        font-size: 14px;
                        margin-bottom: 15px;
                    }
                    .transfer{
                        transform: translate(-20px, -10px);
                        .zhuan{
                            display: inline-block;
                            transform: translate(-9px, 1px);
                            font-size: 16px;
                            color:$gray;
                        }
                        
                    }
                }
                .airline{
                    text-align: right;
                    p {
                        font-size: 10px;
                        color: $gray;
                        text-align: right;
                    }
                    .company {
                        font-size: 12px;
                        color: $black;
                    }
                    .realFlightNo{
                        color:$blue;
                        font-size: 10px;
                        margin-right:5px;
                    }
                }
            }
        }
    }
    .passenger {
        padding: 0 4%;
        .same {
            display: flex;
            min-height: 0.55rem;
            @include border_1px_b($shadow);
            .title {
                color: $gray;
                font-size: 14px;
                min-width: 70px;
            }
            .content {
                font-size: 14px;
            }
            .content>p {
                font-size: 14px;
                padding: 1px 0;
            }            
        }
        .insurance{
            justify-content: space-between;
        }
        .single {
            line-height: 0.55rem;
        }
        .multyply {
            padding: 18px 0;
        }
        
    }
}